<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>订单信息</title>
    <link rel="stylesheet"   th:href="@{/layui/layui.css}"   media="all">

    <style>
        body {
            background-color: #ffffff;
        }
    </style>
</head>
<body>

<div style="text-align: center;">
<!--    <div class="layui-container">-->
    <div  class=“layui-row”>
      <div class="layui-card">
        <div class="layui-card-body" th:each="aOrderItems : ${orderItems}">

            <div class="layui-form-item">
                <h3 th:text="| 商品名:${aOrderItems.itemName}|"></h3>
            </div>

            <div class="layui-form-item">
                <img width="250px" height="150px" th:src="${aOrderItems.itemImg}">

            </div>



<!--            <div class="layui-form-item">-->
              <div class="layui-col-md4">
                  <h5 th:text="| 订单数量:${aOrderItems.buyCounts}|"></h5>
              </div>
              <div class="layui-col-md4 layui-col-md-offset4">
                  <h5 th:text="| 商品预计价格:${aOrderItems.prePrice}元|"></h5>
              </div>


                <h5 th:text="| 商品价格:${aOrderItems.price}元|"></h5>
                <h5 th:text="| 用户名:${users.username}|"></h5>
                <h5 th:text="| 用户手机号:${users.mobile}|"></h5>
<!--            </div>-->
          </div>
        </div>
    </div>
</div>






<script th:src="@{/layui/layui.js}"  charset="utf-8"></script>


</body>
</html>